<script setup >
import {reactive, ref,defineProps,defineEmits} from "vue";
const props = defineProps({
  dialog:''
})
const emit = defineEmits(['closeDialog'])
const closeDialog = ()=>{
    emit('closeDialog')
}

</script>

<template>
  <el-dialog v-model="props.dialog" title="浏览" draggable width="70%" :before-close="closeDialog">
    <el-upload
        ref="upload"
        class="upload-demo"
        action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
        :limit="1"

        :auto-upload="false"
    >
      <template #trigger>
        <el-button  icon="UploadFilled">上传</el-button>
      </template>
    </el-upload>
    <el-row>
      <el-col :span="2" class="dr_select">
        <div>
          <el-image src="https://www.assist.org.cn/uploadfile/202403/5623864a13a7075.jpg"></el-image>
        </div>
      </el-col>
    </el-row>
  </el-dialog>
</template>

<style scoped lang="less">
.dr_select{
  border: 1px solid #eee;
  padding: 7px;
  div{
    background: #e1e5ec;
    padding: 5px;
  }
}

</style>